<template>
  <HeaderNav />
  <article>
    <!-- 网站主体 -->
    <div id="main">
      <section class="ct">
		  <h1 class="attent-title">邮箱验证码-找回密码</h1>
		  
		  <div class="bg-hr"></div>
		
        <div class="upload">
          <form action="" method="post">
            <p>
              <label>输入账号：</label>
              <input class="upt" type="text" name="" value="" placeholder="请输入您要找回密码的账号" />

            </p>
            <p>
              <label>输入邮件：</label>
              <input class="upt" type="text" name="" value="" placeholder="请输入您账号注册时绑定的邮箱" />
              <em></em>
            </p>

            <a class="btn" @click="findPassHandler">确认找回</a>

          </form>
        </div>
      </section>
    </div>
  </article>
  <Footer />
</template>

<script>
import HeaderNav from "../components/HeaderNav.vue";
import Footer from "../components/Footer.vue";
export default {
  components: {
    HeaderNav,
    Footer,
  },
  methods: {
    findPassHandler(){
       // 处理找回密码的逻辑, 进行下一个页面
      this.$router.push({name: "find-pwd-next"}) ;
    }
  }
}
</script>
